@import 'variables';
@import 'mixins';

.touch-topic-text {
    padding: 36px 25px 20px;
    border-top: 1px solid @border-color;
    > h4 {
        margin-bottom: 20px;
        font-size: @font-size-big;
        text-align: center;
        color: @text-dec-color;
    }
    > p {
        .overflowHidden(5);
    }
}

.view-more {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid @border-color;
    border-bottom: 1px solid @border-color;
    > a {
        font-size: @font-size-small;
        color: @theme-bg-color;
        &:after {
            display: inline-block;
            margin-left: 10px;
            content: '';
            border-left: 8px solid @theme-bg-color;
            border-top: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid transparent;
        }
    }
}

.touch-topic-comment {
    padding-top: 15px;
    padding-bottom: 15px;
    > .touch-manage-eva {
        float: @float-right;
    }
}

.touch-topic-last {
    border-top: 1px solid @border-color;
    > ul {
        padding-left: 25px;
        padding-right: 25px;
        > li {
            padding-top: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid @border-color;
            > p {
                font-size: @font-size-big;
                color: @text-dec-color;
            }
        }
    }
}